<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Catatan Si Boy for high end mobiles,like samsung nokia mobile website templates for free | Home :: w3layouts</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />				
</head>
<body>
<!-- header -->
	<div class="banner">
  	    <div class="container">
			<div class="logo">
				<a href="index.html"><img src="./images/logo.png" class="img-responsive" alt="" /></a>
			</div>
		</div> 
			<div class="header-bottom">
				<div class="container">
					<div class="menu">
							<span onclick="location.href='#menu'" class="menu">Menu</span>  
						</div>
				</div>
			</div>
	</div>
<!-- header -->
<!-- content -->
	<div class="container">
		<div class="content">
	<!-- about -->
	<div class="about">
		<div class="col-md-5">
		<img src="./images/book.jpg" alt="" />
		</div>
		<div class="col-md-7">
				<h2>Lorem ipsum dolor sit amet</h2>
				<p>Sugar plum jelly beans fruitcake lollipop jelly candy pudding. Cookie biscuit gingerbread jujubes macaroon liquorice.  </p>
				<p>Faworki bonbon marshmallow caramels applicake soufflé tart gummi bears liquorice. Donut danish pie apple pie pastry . </p>
				<p>tiramisu topping. Ice cream cookie gummi bears cotton cake.consectetuer adipiscing elit, sed diam nonummy nibh euismod. </p>
			</div>
				<div class="clear"> </div>
			<div class="col-md-12">
				<p>jelly beans fruitcake lollipop jelly candy pudding. Cookie biscuit gingerbread jujubes macaroon applicake soufflé . </p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore . </p>
				<p>facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue .</p>
			</div>
			<div class="clear"> </div>
				<a class="more" href="#">Read More</a>
	</div>
	<!-- about -->
		</div>	
	</div>
<!-- content -->
<!--top-links-->
	<div class="head-nav" id="menu" >
					<ul>
						<li><a href="index.html">Home</a></li>
						<li class="active"><a href="about.html">About</a></li>
						<li><a href="index.html">Categories</a></li>
							<div class="clear"> </div>
					</ul>
	</div>
		<div class="clear"></div>
    <!--top-links-->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
			<div class="social">
				<ul>
					<li><a href="#"><img src="./images/fb.png" alt="" /></li></a>
					<li><a href="#"><img src="./images/twt.png" alt="" /></li></a>
						<div class="clear"></div>
				</ul>
			</div>
		</div>
	</div>
<!-- footer -->
</body>
</html>